<!DOCTYPE html>
<html lang="zh-CN">
	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<meta name="author" content="zqs" />
		<title>注册-腾鸿网络</title>
		<link rel="stylesheet" type="text/css" href="css/bootstrap.css"/>
		<link rel="stylesheet" href="css/all.css" />
	</head>
	<body>
		
		<!--导航条-->
		<nav class="navbar navbar-inverse navbar-fixed-top">
			
			<div class="container">
				<div class="navbar-title">
					<span id="goBack" class="glyphicon glyphicon-chevron-left pull-left" > </span>
					注册
					<span id="home" class="glyphicon glyphicon-home pull-right"></span>
					
					
				</div>
			</div>
			
		</nav>
		<!--注册表单-->
		<div class="container">
			
			<form action="/user/register" method="post">
				<!--昵称-->
				<div class="form-group">
					<input type="text" name="petname" id="" class="form-control" value="123456" required="required" pattern="^[a-zA-Z0-9\u4e00-\u9fa5]{2,16}$" placeholder="请填写昵称"/>
				</div>
				<!--密码-->
				<div class="form-group">
					<input type="password" name="password" id="" class="form-control" value="123456" required="required" pattern="^.{6,16}" placeholder="请填写密码"/>
				</div>
				<!--确认密码-->
				<div class="form-group">
					<input type="password"  id="repassword" value="123456" placeholder="再次输入密码" required="required" class="form-control" pattern="^.{6,16}"/>
				</div>
				<!--性别-->
				<div class="checkbox">
					<label for="male">
						<input type="radio" name="isMale" id="male" value="true" checked="checked"/>
						先生
					</label>
					
				</div>
				<div class="checkbox">
					<label for="female">
						<input type="radio" name="isMale" id="female" value="false" />
						女士
					</label>
				</div>
				
				<!--邮箱-->
				<div class="form-group">
					<input type="email" class="form-control" name="email" id="" value="express@qq.com" required="required" pattern="\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*" placeholder="请输入email"/>
				</div>
				
				<!--所学课程-->
				<div class="form-group">
					<select name="course" class="form-control">
						<option value="HTML5" selected="selected">HTML5</option>
						<option value="IOS" >IOS</option>
						<option value="Android" >Android</option>
					</select>
				</div>
				
				<!--提交按钮-->
				<input type="submit" class="form-control btn btn-success" value="注册"/>
			</form>
			
		</div>
		<!--模态框-->
		<div class="modal fade" role='dialog' id="myModal">
			<div class="modal-dialog modal-sm">
				
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss='modal' aria-hidden='true'>&times;</button>
						<h4 class="modal-title" id="myModalLabel">腾鸿网络</h4>
					</div>
					<div class="modal-body">
						
					</div>
					<div class="modal-footer">
						<button type="button" class="btn btn-default" data-dismiss='modal'>确定</button>
					</div>
				</div>
				
			</div>
			
		</div>
		
		
	</body>
</html>
<script type="text/javascript" src="js/jquery.js" ></script>
<script type="text/javascript" src="js/bootstrap.js" ></script>
<script type="text/javascript" src="scripts/register.js" ></script>
<script>
//	$('.modal-body').text('注册成功');
//	$('#myModal').modal('show');
	
</script>